.header_top {
    padding: 17px 0;
    background: #F4F6FF;
  }
  .header_list .logo {
    width: 249px;
  }
  .header_top div {
    width: 1400px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  
  .header_top div ul {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    --overflow: hidden;
    border: 1px solid #E9EDFB;
    border-radius: 3px;
  }
  .header_top div ul li{
      position:relative;
  }
  .header_top div ul li img{
      display:none;
      position:absolute;
      left:0;
      top:25px;
      z-index:999;
      width: 100px;
  }
  .header_top div ul li:hover img{
      display:block;
  }
  
  .header_top div ul li a {
    display: block;
    padding: 0 15px;
    height: 25px;
    line-height: 25px;
    border-radius: 3px;
    font-size: 14px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #69798C;
  }

  .header_top div ul li .w1200 {
    background: #97BAF6;
    color: #ffffff;
  }
  .header {
    width: 100%;
    background-color: #ffffff;
    padding: 30px 0 18px 0;
  }
  
  .header .header_list {
    width: 1400px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .header .header_list .header_box ul {
    display: flex;
    align-items: center;
  }
  
  .header .header_list .header_box ul li {
    padding-left: 60px;
    position: relative;
  }
  
  .header .header_list .header_box ul li a {
    display: block;
    font-size: 18px;
    font-family: SourceHanSansCN;
    font-weight: bold;
    color: #213545;
    position: relative;
  }
  
  .header .header_list .header_box ul li .w1200 {
    color: #013DA5;
  }
  
  .header .header_list .header_box ul li .w1200:after {
    display: block;
    content: "";
    width: 46px;
    height: 2px;
    background: #013DA5;
    position: absolute;
    top: 130%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .header .header_list .header_box ul li a:hover{
      color: #013DA5;
  }
  
  .header .header_list .header_box ul li a:hover::after {
    display: block;
    content: "";
    width: 46px;
    height: 2px;
    background: #013DA5;
    position: absolute;
    top: 130%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  
  
  .header .header_list .header_box ul li img {
    position: absolute;
    top: 30%;
    left: 110%;
    transform: translate(-50%, -50%);
  }
  
  .header .header_list .header_key a {
    display: block;
    width: 95px;
    height: 32px;
    line-height: 32px;
    background: #013DA5;
    border-radius: 4px;
    font-size: 16px;
    font-family: SourceHanSansCN;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
  }
  .header .header_list .header_key .is_login{
      display:none
  }
  
  .header .header_list .header_key img {
    margin-top: 6px;
  }
.main{ margin-top: 20px;}
.main .info{ float: left; width: 254px; margin-right: 10px; margin-bottom: -9px;}
.main .info-box{ margin: 0 -5px; overflow: hidden;}
.main .info a{ display: block; width: 120px; height: 38px; float: left; margin: 0 5px 9px; border-radius: 4px; border: 1px solid #e7e7e7; text-align: center; line-height: 38px; text-decoration: none; font-size: 18px; box-shadow: 0 4px 8px 0 rgba(134, 186, 238, 0.05); color: #333333; transition: all 0.3s linear}
.main .info a:hover{ background: #4591e7; border-color: #4591e7; color: #ffffff}
.main .banner{ float: left; width: 631px; position: relative; overflow: hidden;}
.main .banner .swiper-pagination{ text-align: right}
.main .banner .swiper-pagination-bullet{ opacity: 0.5;}
.main .banner .swiper-pagination-bullet-active{ opacity: 1; background: #ffffff;}
.main .countdown{ float: right; width: 295px;box-shadow: 0 4px 8px 0 rgba(7,17,27,.05);}
.main .countdown .title{ margin-top: -4px; text-align: center; font-size: 18px; line-height: 30px; color: #333333;}
.main .countdown .countdown-box{ margin-top: 6px; height: 107px; background: #f3f3f3; border-radius: 3px; overflow: hidden;}
.main .countdown .target-date{ margin-top: 6px; text-align: center; font-size: 14px; line-height: 24px; color: #555555;}
.main .countdown .target-date span{ font-size: 16px; color: #4591e7;}
.main .countdown .pending-day{ margin-top: 30px; text-align: center; font-size: 14px; line-height: 24px; color: #555555;}
.main .countdown .pending-day b{ font-size: 52px; color: #4591e7;}
.main .countdown .tips{ margin-top: 10px; height: 185px;  background: #f1f4f7; border-radius: 4px; overflow: hidden}
.main .countdown .tips-title{ position: relative; height: 42px; text-align: center; line-height: 42px; background: #0f5aaf;}
.main .countdown .tips-title:after{ content: ''; display: block; width: 0; height: 0; position: absolute; left: 50%; top: 100%; margin-left: -8px; border-top: 6px solid #003165; border-left: 8px solid transparent; border-right: 8px solid transparent;}
.main .countdown .tips-title span{ padding-left: 30px; background: url("../images/icon-tip.png") left center no-repeat; font-size: 18px; color: #ffffff;}
.main .countdown .tips-content{ padding: 0 15px;}
.main .countdown .tips-content h6{ margin-top: 20px; font-size: 16px; line-height: 30px; color: #555555;}
.main .countdown .tips-content p{ font-size: 14px; line-height: 26px; color: #777777; text-align: justify;}



.hot-info{ margin-top: 20px;}
.hot-info .entrance{ float: left; width: 252px; height: 163px; position: relative; margin-right: 10px; border: 1px solid #e7e7e7; border-radius: 3px;        box-shadow: 0px 3px 8px 0 rgba(7,17,27,.05);}
.hot-info .entrance:before{ content: ''; display: block; position: absolute; top: 50%; left: 18px; right: 18px; border-top: 1px dashed #e7e7e7;}
.hot-info .entrance:after{ content: ''; display: block; position: absolute; left: 50%; top: 15px; bottom: 15px; border-left: 1px dashed #e7e7e7;}
.hot-info .entrance-list{ overflow: hidden; padding: 2px 14px;}
.hot-info .entrance-item{ float: left; width: 104px; height: 72px; margin: 4px; border-radius: 4px; cursor: pointer; transition: all 0.3s linear;}
.hot-info .entrance-item:hover{ background: #f0f2f5;}
.hot-info .entrance-item .icon{ margin: 8px auto 0; width: 30px; height: 30px;}
.hot-info .entrance-item .title{ text-align: center; font-size: 16px; line-height: 30px; color: #333333;}
.hot-info .entrance-item:nth-child(1) .icon{ background: url("../images/icon-e1.png") center no-repeat;}
.hot-info .entrance-item:nth-child(2) .icon{ background: url("../images/icon-e2.png") center no-repeat;}
.hot-info .entrance-item:nth-child(3) .icon{ background: url("../images/icon-e3.png") center no-repeat;}
.hot-info .entrance-item:nth-child(4) .icon{ background: url("../images/icon-e4.png") center no-repeat;}
.hot-info .panel{ float: left; width: 309px; height: 163px; margin-right: 10px; border: 1px solid #e7e7e7; border-radius: 3px; box-shadow: 0px 3px 8px 0 rgba(7,17,27,.05);}
.hot-info .panel-title{ margin-top: 16px; padding: 0 12px; overflow: hidden;}
.hot-info .panel-title .title-text{ float: left; padding-left: 10px; font-size: 16px; line-height: 16px; color: #111111; border-left: 4px solid #4591e7;}
.hot-info .panel-title .more{ float: right; width: 48px; height: 18px; text-align: center; line-height: 18px; border: 1px solid #e1e1e1; border-radius: 3px; font-size: 12px; color: #999999; text-decoration: none; transition: all 0.3s linear;}
.hot-info .panel-title .more:hover{ background: #4591e7; border-color: #4591e7; color: #ffffff;}
.hot-info .panel-content{ margin-top: 16px; padding: 0 12px;}
.hot-info .panel-content .content-list{ margin-top: 18px; margin-right: -10px; overflow: hidden;}
.hot-info .panel-content .content-item{ float: left; width: 137px; margin-right: 10px;}
.hot-info .panel-content .content-item>a{ display: block;}
.hot-info .panel-content .content-item img{ display: block; border-radius: 4px; width: 137px; height: 67px;}
.hot-info .panel-content .content-item p{ margin-top: 4px; display: block; text-decoration: none; font-size: 14px; line-height: 30px; color: #777777; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all 0.3s linear;}
.hot-info .panel-content .content-item:hover a{ color: #4591e7;}
.hot-info .notice{ float: left; width: 292px; height: 163px; border: 1px solid #e7e7e7; border-radius: 3px; box-shadow: 0px 3px 8px 0 rgba(7,17,27,.05);}
.hot-info .notice-title{ margin-top: 16px; padding: 0 12px; overflow: hidden;}
.hot-info .notice-title .title-text{ float: left; padding-left: 10px; font-size: 16px; line-height: 16px; color: #111111; border-left: 4px solid #4591e7;}
.hot-info .notice-title .more{ float: right; width: 48px; height: 18px; text-align: center; line-height: 18px; border: 1px solid #e1e1e1; border-radius: 3px; font-size: 12px; color: #999999; text-decoration: none; transition: all 0.3s linear;}
.hot-info .notice-title .more:hover{ background: #4591e7; border-color: #4591e7; color: #ffffff;}

.hot-info .notice-content{ margin-top: 11px; padding: 0 12px;}
.hot-info .notice-list{ border-top: 1px solid #f3f3f3; padding-top: 5px;}
.hot-info .notice-item{ position: relative; padding-left: 16px;}
.hot-info .notice-item:before{ content: ''; display: block; width: 5px; height: 5px; position: absolute; border-radius: 50%; background: #c6c6c6; left: 0; top: 50%; margin-top: -2px;}
.hot-info .notice-item a{ display: block; text-decoration: none; font-size: 12px; line-height: 27px; color: #003165; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all 0.3s linear;width: 130%;}
.hot-info .notice-item:hover a{ color: #4591e7;}

.video{ margin-top: 30px;}
.video .video-content{ float: left; width: 905px; margin-right: 15px;}
.video .video-content .video-title{ overflow: hidden;}
.video .video-content .video-title .title-text{ float: left; padding-left: 10px; font-size: 18px; line-height: 24px; color: #111111; border-left: 4px solid #4591e7;}
.video .video-content .video-title .more{ float: right; width: 48px; height: 18px; text-align: center; line-height: 18px; border: 1px solid #e1e1e1; border-radius: 3px; font-size: 12px; color: #999999; text-decoration: none; transition: all 0.3s linear;}
.video .video-content .video-title .more:hover{ background: #4591e7; border-color: #4591e7; color: #ffffff;}
.video .video-content .video-list{ margin-top: 16px; margin-right: -15px; overflow: hidden;}
.video .video-content .video-item{ float: left; margin-right: 14px; width: 170px; }
.video .video-content .video-img{ position: relative; width: 169px; height: 110px; border-radius: 3px; overflow: hidden;}
.video .video-content .video-img .mask{ display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.5); }
.video .video-content .video-item:hover .mask{ display: block;}
.video .video-content .video-img .mask i{ position: absolute; left: 50%; top: 50%; margin: -15px 0 0 -15px;}
.video .video-content .video-text{ margin-top: 5px; font-size: 14px; line-height: 30px; color: #777777; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-decoration: none;}
.video .ad{ float: left; margin-top: 40px;}


.issue{ margin-top: 30px;}
.issue .issue-content{ float: left; width: 885px;}
.issue .issue-content .issue-title{ overflow: hidden;}
.issue .issue-content .issue-title .title-text{ float: left; padding-left: 10px; font-size: 18px; line-height: 24px; color: #111111; border-left: 4px solid #4591e7;}
.issue .issue-content .issue-title .quiz{ float: right; padding-left: 20px; font-size: 14px; line-height: 24px; color: #4591e7; background: url("../images/icon-pen.png") left center no-repeat;}
.issue .issue-content .issue-content-box{ margin-top: 16px;}
.issue .issue-content .issue-swiper{ float: left; position: relative; width: 340px; height: 296px; margin-right: 20px; overflow: hidden;}
.issue .issue-content .issue-swiper:before{ content: ""; width: 1px; height: 100%; position: absolute; left: 21px; top: 0; background: #e7e7e7;}
.issue .issue-content .issue-swiper .date{ float: left; width: 30px; height: 42px; padding: 0 6px; border-radius: 50%; background: #a3cbf8; font-size: 12px; line-height: 20px; text-align: center; color: #ffffff;}
.issue .issue-content .issue-swiper .qa-info{ float: left; width: 283px; margin-left: 11px;}
.issue .issue-content .issue-swiper .teacher-info{ height: 45px; background: #e0eefe;}
.issue .issue-content .issue-swiper .teacher-info .avatar{ float: left; width: 35px; height: 35px; margin: 5px 12px;}
.issue .issue-content .issue-swiper .teacher-info .name{ float: left; margin-right: 8px; font-size: 18px; line-height: 45px; color: #333333;}
.issue .issue-content .issue-swiper .teacher-info .call{ float: left; font-size: 14px; line-height: 45px; color: #999999;}
.issue .issue-content .issue-swiper .qa-detail{ margin-top: 10px;}
.issue .issue-content .issue-swiper .qa-detail h6 a{ display: block; font-size: 14px; line-height: 30px; color: #555555; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.issue .issue-content .issue-swiper .qa-detail h6 span{ font-size: 16px; color: #3bbe3b;}
.issue .issue-content .issue-swiper .qa-detail p a{ display: block; font-size: 14px; line-height: 24px; color: #999999; max-height: 48px; overflow: hidden;}
.issue .issue-content .issue-swiper .qa-detail p span{ float: left; height: 48px; font-size: 16px; color: #fd661c;}

.issue .issue-content .issue-text-list{ float: left; width: 524px;}
.issue .issue-content .issue-text-item{ padding-bottom: 18px; margin-bottom: 18px; border-bottom: 1px dashed #ebebeb; transition: all 0.3s linear; overflow: hidden; cursor: pointer;}
.issue .issue-content .issue-text-item:hover a{ color: #4591e7;}
.issue .issue-content .issue-text-item a{ float: left; max-width: 400px; font-size: 14px; color: #777777; line-height: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.issue .issue-content .issue-text-item a i{ float: left; width: 16px; height: 16px; margin-right: 12px; background: #e7e7e7; text-align: center; line-height: 16px; font-style: normal; color: #555555;}
.issue .issue-content .issue-text-item:hover a i{ background: #4591e7; color: #ffffff;}
.issue .issue-content .issue-text-item .date{ float: right; font-size: 14px; line-height: 16px; color: #b9b9b9;}

.issue .selection{ float: right; width: 295px;}
.issue .selection-title{ padding-left: 36px; font-size: 18px; line-height: 30px; color: #111111; background: url("../images/icon-issue.png") left center no-repeat;}
.issue .selection-list{ margin-top: 12px;}
.issue .selection-list .selection-header{ position: relative; text-align: center; border-radius: 4px; overflow: hidden;}
.issue .selection-list .selection-header span{ position: absolute; width: 100%; height: 35px; line-height: 35px; left: 0; bottom: 0; background: rgba(0,0,0,0.5); text-align: center; font-size: 14px; color: #ffffff;}
.issue .selection-list .selection-item{ margin: 14px 0; overflow: hidden;}
.issue .selection-list .selection-item a{ display: block; font-size: 14px; line-height: 22px; color: #555555; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all 0.3s linear;width:120%；}
.issue .selection-list .selection-item a:hover{ color: #4591e7;}
.issue .selection-list .selection-item a i{ float: left; width: 22px; height: 22px; margin-right: 10px; border-radius: 50%; text-align: center; line-height: 22px; font-size: 16px; color: #ffffff; background: #b5b5b5;}
.issue .selection-list .selection-item:nth-of-type(1) a i{ background: #4591e7;}
.issue .selection-list .selection-item:nth-of-type(2) a i{ background: #66a5ec;}
.issue .selection-list .selection-item:nth-of-type(3) a i{ background: #91c1f8;}


.information{ margin-top: 30px;}
.information .information-box{ float: left; width: 885px;}
.information .information-title{ padding: 3px 0; overflow: hidden;}
.information .information-title .title-text{ float: left; padding-left: 10px; font-size: 18px; line-height: 24px; color: #111111; border-left: 4px solid #4591e7;}
.information .information-title .more{ float: right; width: 48px; height: 18px; text-align: center; line-height: 18px; border: 1px solid #e1e1e1; border-radius: 3px; font-size: 12px; color: #999999; text-decoration: none; transition: all 0.3s linear;}
.information .information-title .more:hover{ background: #4591e7; border-color: #4591e7; color: #ffffff;}
.information .information-title .switch-nav{ float: left; margin-left: 54px; overflow: hidden}
.information .information-title .switch-nav i{ float: left; width: 70px; height: 24px; margin: 0 10px; line-height: 24px; text-align: center; font-size: 14px; color: #777777; font-style: normal; border-radius: 3px; cursor: pointer;}
.information .information-title .switch-nav i.active{ background: #4591e7; color: #ffffff;}
.information .information-contents{ margin-top: 16px}
.information .information-content-item{ overflow: hidden;}
.information .major-content{ float: left; overflow: hidden;  border-bottom: 1px dashed #ebebeb;}
.information .major-content .major-img{ float: left; width: 232px; position: relative; margin-right: 20px;}
.information .major-content .major-img .tag{ position: absolute; width: 56px; height: 30px; left: 0; top: 10px; line-height: 30px; text-align: center; font-size: 18px; color: #ffffff; background: url("../images/tag-bj.png") center no-repeat;}
.information .major-content .major-info{ float: left; width: 344px;}
.information .major-content .major-info h4 a{ display: block; font-size: 20px; line-height: 30px; color: #555555; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;width: 130%;}
.information .major-content .major-info .extra{ overflow: hidden;}
.information .major-content .major-info .extra span{ float: left; padding-right: 48px; font-size: 14px; line-height: 30px; color: #bdbdbd;}
.information .major-content .major-info .detail{ font-size: 14px; line-height: 30px; color: #777777;}
.information .minor-content{ float: right; margin-top: -8px; width: 270px;}
.information .minor-content a{ display: block; position: relative; padding: 8px 0 8px 28px; font-size: 14px; line-height: 30px; color: #777777; border-bottom: 1px dashed #ebebeb;
width: 130%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.information .minor-content a:hover{ color: #4591e7;}
.information .minor-content a:before{ content: '>'; display: block; width: 18px; height: 18px; position: absolute; left: 0; top: 50%; margin-top: -10px; line-height: 18px; font-family: '黑体'; border: 1px solid #a9a9a9; border-radius: 50px; text-align: center;}
.information .minor-content a:hover:before{ color: #777777;}
.information .subject{ float: right; width: 295px;}
.information .subject .subject-title{ padding: 3px 0; overflow: hidden;}
.information .subject-title .title-text{ float: left; padding-left: 38px; background: url("../images/icon-book.png") left center no-repeat; font-size: 18px; line-height: 24px; color: #111111; }
.information .subject-title .more{ float: right; width: 48px; height: 18px; text-align: center; line-height: 18px; border: 1px solid #e1e1e1; border-radius: 3px; font-size: 12px; color: #999999; text-decoration: none; transition: all 0.3s linear;}
.information .subject-title .more:hover{ background: #4591e7; border-color: #4591e7; color: #ffffff;}

.information .subject-content{ margin-top: 20px; height: 180px; border: 1px solid #e7e7e7;}
.information .subject-content .subject-img{ position: relative;}
.information .subject-content .subject-img .viewed{ position: absolute; left: 20px; bottom: 10px; font-size: 14px; line-height: 14px; color: #ffffff;}
.information .subject-text-title{ margin-top: 20px; overflow: hidden;}
.information .subject-text-title span{ float: left; padding-left: 10px; font-size: 16px; line-height: 24px; color: #111111; border-left: 4px solid #4591e7;}
.information .subject-text-title .lookup{ float: right; width: 74px; height: 22px; margin-right: 12px; text-align: center; line-height: 24px; border: 1px solid #4591e7; border-radius: 3px; font-size: 14px; color: #4591e7; font-weight: normal; text-decoration: none; transition: all 0.3s linear;}
.information .subject-text-title .lookup:hover{ background: #4591e7; color: #ffffff;}
.information .subject-describe{ margin-top: 5px; padding-left: 14px; padding-right: 12px; font-size: 14px; line-height: 24px; color: #777777; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.encyclopedia{ margin-top: 30px; margin-bottom: 36px;}
.encyclopedia .encyclopedia-title{ padding: 3px 0; overflow: hidden;}
.encyclopedia .encyclopedia-title .title-text{ float: left; padding-left: 10px; font-size: 18px; line-height: 24px; color: #111111; border-left: 4px solid #4591e7;}
.encyclopedia .encyclopedia-title .more{ float: right; width: 48px; height: 18px; text-align: center; line-height: 18px; border: 1px solid #e1e1e1; border-radius: 3px; font-size: 12px; color: #999999; text-decoration: none; transition: all 0.3s linear;}
.encyclopedia .encyclopedia-title .more:hover{ background: #4591e7; border-color: #4591e7; color: #ffffff;}
.encyclopedia .plate-list{ margin: 16px -5px 0; overflow: hidden;}
.encyclopedia .plate-item{ float: left; width: 246px; height: 125px; margin: 5px; padding: 10px 22px; border: 1px solid #e7e7e7; border-radius: 3px;}
.encyclopedia .plate-item .plate-title{ margin-bottom: 10px; font-size: 16px; line-height: 30px; color: #000000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.encyclopedia .plate-item a{ display: block; position: relative; padding-left: 15px; font-size: 14px; line-height: 30px; color: #777777; transition: all 0.3s linear; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.encyclopedia .plate-item a:before{ content: ''; display: block; width: 4px; height: 4px; position: absolute; left: 0; top: 50%; margin-top: -2px; background: #aeaeae; border-radius: 50%;}
.encyclopedia .plate-item a:hover{ color: #4591e7;}